/* css变量声明 */
:root {
  /* 主题色 */
  --color-primary: #1EB025;

  /* 提示消息颜色 */
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #d74646;
  --color-info: #909399;

  /* 字体颜色 */
  --color-text-primary: #333333;
  --color-text-regular: #666666;
  --color-text-secondary: #999999;
  --color-text-placeholder: #c0c4cc;
  --color-text-orange: #ff5a00;

  /* 背景色 */
  --background-primary: #f8f8f8;
  --background-regular: white;
  --background-warning: #fcf8e3;
  --background-orange: #ff5a00;

  /* 字体大小 */
  --font-size-s: 11px;
  --font-size-min: 12px;
  --font-size-small: 14px;
  --font-size-normal: 16px;
  --font-size-big: 18px;
  --font-size-huge: 20px;

  /* 间距 */
  --space-min: 6px;
  --space-small: 8px;
  --space-base: 10px;
  --space-big: 16px;
  --space-huge: 20px;

  /* 边框颜色 */
  --border-color-base: #ededed;
  --border-color-light: #f7f7f7;
  --border-color-lighter: #dddddd;
  --border-color-extra-light: #f2f6fc;

  /* 圆角 */
  --border-radius-min: 4px;
  --border-radius-small: 6px;
  --border-radius-base: 8px;
  --border-radius-big: 10px;
  --border-radius-huge: 20px;
}
